{{#extend "header"}}
<title>我的订单</title>
<meta name="keywords" content="">
<meta name="description" content="">
{{/extend}}
{{#extend "style"}}
<link rel='stylesheet' href="/css/cart.css?v={{{v}}}" />
<style>
   html, body{
    height: 100% !important;
    min-height: inherit;
    max-height: 100%;
    overflow: hidden;
  }
  .ui-g-price i{
    color: #999;
  }
  .ui-g-price + i{
    float: right;
  }
  .ui-per-shop{
    padding-bottom: 0;
  }
  .ui-order-type{
    background-color: white;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    position: fixed;
    width: 100%;
    top: 1.6rem;
    z-index: 9;
    max-width: 750px;
  }
  .ui-order-type li{
    float: left;
    width: 25%;
  }
  .ui-order-type li span{
    display: inline-block;
    height: 100%;
    padding: 0 0.4rem;
  }
  .ui-order-type li.active span{
    color: #f0464f;
    border-bottom: 2px solid #f0464f;
  }
  .ui-order-operation{
    color: #999; 
  }
  .ui-confirm{
    color: #f0464f;
  }
  .ui-send-code{
    position: fixed;
    height: 100%;
    width: 100%;
    max-width: 750px;
    top: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
  }
  .ui-send-code ul{
    width: 11.5rem;
    height: 6.4rem;
    margin: 100px auto;
    background-color: white;
    border-radius: 10px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
  }
  .ui-send-code ul > li{
    text-align: center;
    font-size: 0.68rem;
  }
  .ui-send-code ul > li:first-child{
    line-height: 2.4rem;
  } 
  .ui-send-code ul > li:last-child{
    color: #288cf0;
    border-top: 1px solid #eee;
    line-height: 1.8rem;
  } 
  
  .ui-send-code ul > li:nth-child(2){
    font-size: 1.16rem;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 0.6rem;
  } 
  .ui-send-code ul > li:nth-child(2) > input{
    width: 1.12rem;
    height: 2rem;
    border: #ddd 1px solid ;
    border-radius: 4px;
    text-align: center;
    margin-right: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
  }
  .ui-send-code ul > li:nth-child(2) > input:last-child{
    margin-right: 0;  
  }
    
  .ui-confirm-dialog ul{
    height: 7rem;
  }
</style>
{{/extend}}
<body style="padding-top: 3.4rem;height: auto;">
  {{>nav title="我的订单"}}
  <ul class="ui-order-type ui-shadow">
    <li class="active"><span>全部</span></li>
    <li><span>待取货</span></li>
    <li><span>已完成</span></li>
    <li><span>已取消</span></li>
  </ul>
  <div class="ui-all-goods" style="height: 100%;overflow: auto;">
    
  </div>
  
  
  {{>loading}}
</body>

{{#extend "script"}}
<script src="/js/seller/order_list.js?v={{{v}}}" type="text/babel"></script>
{{/extend}}
